<template>
   <div class="category">
      <h3>{{title}}分类</h3>
      <slot :games="games" msg="hello"></slot>
   </div>
</template>

<script>
export default {
  name:'Category',
  props:['title'],
  data() {
      return {
          games:['红色警戒','穿越火线','劲舞团','超级玛丽']
      }
  },
}
</script>

<style>
 .category {
     background-color: skyblue;
     width: 200px;
     height: 300px;
 }
 h3 {
     background-color: orange;
     text-align: center;
 }
 img {
     width: 100%;
 }
 video {
     width: 100%;
 }
</style>